import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface LayoutLeftbarOpenCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const LayoutLeftbarOpenCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: LayoutLeftbarOpenCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M8.3 2.545c-2.312.151-3.352.488-4.289 1.389-.827.794-1.235 1.838-1.419 3.626-.074.714-.074 8.166 0 8.88.18 1.748.549 2.725 1.342 3.549.794.827 1.838 1.235 3.626 1.419.714.074 8.166.074 8.88 0 1.748-.18 2.725-.549 3.549-1.342.676-.65 1.107-1.562 1.307-2.766.153-.92.164-1.266.164-5.3 0-4.114-.01-4.407-.18-5.381-.389-2.221-1.594-3.462-3.768-3.879-.943-.181-1.187-.19-5.192-.199-2.101-.005-3.91-.004-4.02.004m7.68 2.015c1.358.103 2.169.357 2.636.824.337.337.594.943.719 1.696.136.824.16 1.562.16 4.92 0 4.031-.041 4.73-.339 5.663-.25.787-.706 1.243-1.493 1.493-.854.272-1.533.32-4.967.352-2.234.02-2.729.015-2.756-.028-.064-.104-.223-2.437-.299-4.4-.051-1.314-.051-4.846 0-6.16.076-1.963.235-4.296.299-4.4.026-.043.523-.048 2.756-.028 1.498.014 2.976.044 3.284.068m-8.089.141C7.673 7.638 7.6 9.471 7.6 12c0 2.316.097 4.859.256 6.772.028.334.044.621.036.637-.035.066-1.096-.106-1.555-.253a2.87 2.87 0 0 1-.898-.484 2.675 2.675 0 0 1-.43-.572c-.226-.452-.376-1.168-.456-2.18-.068-.86-.068-6.985 0-7.84.141-1.777.457-2.543 1.242-3.01.343-.205 1.129-.411 1.845-.484.238-.024.261-.014.251.115m5.349 4.216a1.065 1.065 0 0 0-.66.589 1.19 1.19 0 0 0-.06.374c0 .426.179.686.672.975.169.1.428.281.576.402.259.214.672.67.672.743 0 .072-.412.528-.672.744a5.194 5.194 0 0 1-.576.402c-.494.287-.672.547-.672.98a.86.86 0 0 0 .241.649c.205.233.41.323.739.323.317-.001.475-.067 1.04-.44a5.776 5.776 0 0 0 1.624-1.625c.297-.436.374-.649.375-1.033 0-.298-.015-.372-.124-.6-.275-.575-.934-1.359-1.526-1.814-.323-.247-.946-.616-1.128-.666a1.023 1.023 0 0 0-.521-.003"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
